<!DOCTYPE html>
<html>
<head>
	<title>dialog 对话框插件</title>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
	<link rel="stylesheet" type="text/css" href="../../dist/css/reset.css">
	<link rel="stylesheet" type="text/css" href="../../dist/css/dialog.css">
	<link rel="stylesheet" type="text/css" href="../../dist/css/icon.css">
</head>
<body>
	<div class="icon-correcting-fault">123</div>
	<!-- overlay -->
	<div class="alert-overlay fade" id="alert-overlay"></div>
	<!-- dialog modal -->
	<div class="alert-dialog fade" id="alert-dialog-tips">
		<div class="alert-main">
			<a href="javascript:void(0);" class="close-icon">x</a>
			<div class='alert-imgs'>
				<img src="../img/information.png" height="64" width="64">
			</div>
			<div class='alert-body'>
				<p class='alert-title'>我是标题</p>
				<p class='alert-context' style="padding-right:0.3rem;">我是我是文本我是文本我我是我是文本我是文本我是文本我是文本文本是文本我是文本文本</p>
			</div>	
		</div>
		<div class="alert-footer alert-btns">
			<button class='btn btn-ok'>确定</button>
			<button class='btn btn-cancel'>取消</button>
		</div>
	</div>
	<div>
		<div class="configure">
			<img class="img-responsive">
		</div>
	</div>
	<script type="text/javascript" src="../js/equ.js"></script>
	<script type="text/javascript" src="../js/jquery-3.1.1.js"></script>
	<script type="text/javascript" src="../js/jquery.dialog.js"></script>


	<script type="text/javascript">
		$(".alert-dialog").dialog({
			type:"alert",
			title:"大厦",
			context:"<ul><li>2</li><li>1</li></ul>",
			cancel_cb:function () {}
		});
	</script>
	<script type="text/javascript">
		$("#alert").dialog({
		    //# 以下是必须的参数
		    title:"标题",
		    context:"提示内容? 你出粗了哦",
		    type:"confirm" , // alert,confirm
		    
		    //# 以下为不是必须的参数
		    ok_cb:function, //成功回调
		    cancel_cb:function, // 取消回调
		    size:"md" ,  // 提示框大小，'md||lg||sm'

		});
	</script>
</body>
</html>